<template>
  <div>
    <h1>这是另一个儿子</h1>
    <slot name="erSon" :liwu="liwu" :todo="todo" :obj="obj"></slot>
  </div>
</template>

<script>
/* 
作用域插槽：
插槽 在父组件当中的子组件的标签内部定义  在子组件当中调用<slot></slot>


1.在组件当当中 <slot></slot> 起个名字 name='one'

2.在父组件当中的子组件标签中 template 标签中的slot="one"属性对应
slot-scope 接收一个对象  对象的内容是在子组件中对应的名字的slot标签上的动态属性
子传父



*/

export default {
  data() {
    return {
      liwu: "我有一百万，要给父组件",
      todo: "我是todo",
      obj: {
        name: "tom",
        age: 18,
      },
    };
  },
  methods: {},
};
</script>

<style lang="scss" scoped>
</style>